<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML5 Workshop - Games</title>
  <link rel="stylesheet" href="js/jquery.mobile-1.0rc2.min.css" />
  <link rel="stylesheet" href="css/common.css" />
  <link rel="stylesheet" media="only screen and (min-width: 1200px) " href="css/web.css"/>
  <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/iphone.css"/>
  <link rel="stylesheet" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="css/ipad.css"/> 
  <link rel="stylesheet" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="css/ipad_games_h.css"/> 
  <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
  <script type="text/javascript" src="js/UI.js"></script>
  <script type="text/javascript" src="js/jquery.mobile-1.0.js"></script>
  <script>
    addMetaFile();
  </script>
</head>

<body>
  <header id="top">
    <div id="logo">logo</div>
    <div id="top_button">
      <span class="toggle_button" id="left_tools_button">Tools</span>
      <span class="toggle_button" id="right_games_button" style="background-image:url(../image/iphone/phone_topbuttom_bg_hover.png); color:#fff; text-shadow: 0 -1px 1px #758398;">Games</span>
    </div>
    <div id="share">
      <div class="share_link">
        <a class="addthis_counter addthis_pill_style"></a>
        <script type="text/javascript" src=" http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ecf3b152c7576ee"></script>
      </div>
      <div class="website_wb">weibo</div>
    </div>
  </header>
  <div id="banner">
    <div id="banner_item">
      <div class="banner_left"></div>
      <div class="description_right">
        <h1 class="banner_tool_name">TinEye Reverse</h1>
        <h2 class="banner_tool_description">Description</h2>
        <p class="banner_tool_introduction">This is the official TinEye</p>
        <input class="use_button" type="button" value="Use This Tool"/>
      </div>
    </div>
  </div>
  <div id="games_container">
    <div data-role="page" id="area3">
      <div data-role="content" id="content1">
        <!-- list-items start -->
        <ul class="one_columns two_columns">
          <li>
            <div class="games_item">
              <div class="games_icon"></div>
              <div class="right_games_introduction">
                <div class="games_box">
                  <h3 class="games_name">Feedly</h3>
                    <div class="review">
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="average">7.4</div>
                  </div>
                </div>
                <p class="games_description">Checks new comments on configued</p>
                <div class="games_start_button">Start This Games</div>
              </div>              
            </div>
          </li>
          <li>
            <div class="games_item">
              <div class="games_icon"></div>
              <div class="right_games_introduction">
                <div class="games_box">
                  <h3 class="games_name">Feedly</h3>
                  <div class="review">
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="average">7.4</div>
                  </div>
                </div>
                <p class="games_description">Checks new comments on configued</p>
                <div class="games_start_button">Start This Games</div>
              </div>        
            </div>
          </li>
          <li>
            <div class="games_item">
              <div class="games_icon"></div>
              <div class="right_games_introduction">
                <div class="games_box">
                  <h3 class="games_name">Feedly</h3>
                  <div class="review">
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="average">7.4</div>
                  </div>
                </div>
                <p class="games_description">Checks new comments on configued</p>
                <div class="games_start_button">Start This Games</div>
              </div>        
            </div>
          </li>
          <li>
            <div class="games_item">
              <div class="games_icon"></div>
              <div class="right_games_introduction">
                <div class="games_box">
                  <h3 class="games_name">Feedly</h3>
                  <div class="review">
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="average">7.4</div>
                  </div>
                </div>
                <p class="games_description">Checks new comments on configued</p>
                <div class="games_start_button">Start This Games</div>
              </div>        
            </div>
          </li>
          <li>
            <div class="games_item">
              <div class="games_icon"></div>
              <div class="right_games_introduction">
                <div class="games_box">
                  <h3 class="games_name">Feedly</h3>
                  <div class="review">
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="average">7.4</div>
                  </div>
                </div>
                <p class="games_description">Checks new comments on configued</p>
                <div class="games_start_button">Start This Games</div>
              </div>        
            </div>
          </li>
          <li>
            <div class="games_item">
              <div class="games_icon"></div>
              <div class="right_games_introduction">
                <div class="games_box">
                  <h3 class="games_name">Feedly</h3>
                  <div class="review">
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="star"></div>
                    <div class="average">7.4</div>
                  </div>
                </div>
                <p class="games_description">Checks new comments on configued</p>
                <div class="games_start_button">Start This Games</div>
              </div>        
            </div>
          </li>
        </ul>
      </div>
    </div>

  </div>
  <footer id="footer">
    <p id="copyright">Copyright@2011 Google条款和隐私权</p>  
  </footer>

<script >
$(function(){
    $("#left_tools_button").bind('click',function(){
        window.location.href="tools.html"; 
    })
});
</script>
</body>
</html>
